<template>
  <div>
    <h2>Home</h2>
    <!-- 1.普通写法 -->
    <!-- <router-link to="/home/music">music</router-link>
    <router-link to="/home/news">news</router-link> -->
    
    <!-- 2.对象写法 -->
    <!-- <router-link :to="{ path: '/home/music' }">music</router-link>
    <router-link :to="{ path: '/home/news' }">news</router-link> -->

    <!-- 3.name写法 -->
    <router-link :to ="{name : 'music'}">music</router-link>
    <router-link :to ="{name : 'news'}">news</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style>
</style>